<template>
  <div>
	  <div style="display:flex;" >
		  <Menu @closeImg="closeImg"></Menu>
		  <Header></Header>
		<div class="bgimg">
			<router-view></router-view>
			<img v-if="img" src="../assets/img/index.png">
		</div>
	  </div>
	  
	  
  </div>
</template>

<script>
import Menu from "./menu"
import Header from "../components/Header/header"
export default {
	components:{
		Menu,
		Header
	},
	data(){
		return {
			img:true
		}
	},
	methods:{
		closeImg(){
			console.log(123)
			this.img = false;
		}
	}
}
</script>

<style lang="less" scoped>
	.footer{
		
	}

	body{
		display: flex;
		flex-wrap: wrap;
	}
	.bgimg{
		position: absolute!important;
		top: 40px;
		left: 220px;
		right: 0;
		bottom: 0;
		width:calc(100% - 220px);

		img{
			width:100%;
			
		}
	}
</style>